<%@ page import="java.text.SimpleDateFormat" %><%--
  Created by IntelliJ IDEA.
  User: 董哥
  Date: 2020/7/17
  Time: 12:08
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt_rt" %>
<html>
<head>
    <meta charset="utf-8"/>
    <title>学员签到列表</title>

    <script type="text/javascript">
        function altRows(id) {
            if (document.getElementsByTagName) {
                var table = document.getElementById(id);
                var rows = table.getElementsByTagName("tr");
                for (i = 0; i < rows.length; i++) {
                    if (i % 2 == 0) {
                        rows[i].className = "evenrowcolor";
                    } else {
                        rows[i].className = "oddrowcolor";
                    }
                }
            }
        }

        window.onload = function () {
            altRows('alternatecolor');
        }
    </script>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1953061_ca0mumbhcsb.css">
    <style type="text/css">
        body {
            /* 版心 */
            min-width: 320px;
            max-width: 750px;
            /* flexible 给我们划分了 10 等份 */
            width: 10rem;
            overflow: auto;
            margin: 0 auto;
            line-height: 2.5;
            font-family: Arial, Helvetica;
            background-color: rgb(255, 255, 255);
        }

        @media screen and (min-width: 750px) {
            html {
                font-size: 75px !important;
            }
        }

        table.altrowstable {
            font-size: 0.7rem;
            color: #333333;
            text-align: center;
        }

        table.altrowstable th {
            width: 4rem;
            height: 50px;
            background: #4e4ca5;
            color: white;
        }

        table.altrowstable td {
            width: 200px;
            width: 4rem;
        }

        .oddrowcolor {
            background-color: #F0F0F0;
        }

        .evenrowcolor {
            background-color: #E6E6E6;
        }

        .timee {
            margin-top: -10%;
        }

        a {
            text-decoration: none;
            outline: none;
            -webkit-tap-highlight-color: transparent;
            -moz-outline-style: none;
            -ms-outline-style: none;
            -webkit-outline-style: none;
            -o-outline-style: none;
        }

        a:link {
            text-decoration: none;
        }

        /*已经访问过的链接*/

        a:visited {
            text-decoration: none;
        }

        /*鼠标划过(停留)的链接*/

        a:hover {
            text-decoration: none;
        }

        /* 正在点击的链接，鼠标在元素上按下还没有松开*/

        a:active {
            text-decoration: none;
        }

        /* 获得焦点的时候 鼠标松开时显示的颜色*/

        a:focus {
            text-decoration: none;
        }

        .timee a i {
            font-size: 0.8rem;
        }
    </style>

</head>
<body>


<center>
    <div>
        <h8>学员签到列表</h8>
    </div>
    <div class="timee">
        <a href="${pageContext.request.contextPath}/user/findyy?id=${cp}&flag=1">
            <i class="iconfont icon-shangwu1"><span>上午</span></i>
        </a>
        &nbsp;&nbsp;&nbsp;&nbsp;
        <a href="${pageContext.request.contextPath}/user/findyy?id=${cp}&flag=0">
            <i class="iconfont icon-xiawu2"><span>下午</span></i>
        </a>
    </div>
    <table class="altrowstable" id="alternatecolor" cellspacing="3">
        <tr>
            <th>学员姓名</th>
            <th>车号</th>
            <th>签到时间</th>
        </tr>
        <c:forEach var="stu" items="${stulist}">
        <tr>
            <td>${stu.name}</td>
            <td>${stu.number}</td>
            <td><fmt:formatDate value="${stu.time}" pattern="yyyy/MM/dd  HH:mm:ss"/></td>
        </tr>
        </c:forEach>
</center>
</body>
</html>
